<template>
  <div class="general-info">
    <div class="top">
      <div class="item">
        <span class="item-title">
          账户类型
        </span>
        <span class="item-content">
          {{linkDetails.accountType}}
        </span>
      </div>
      <div class="item">
        <span class="item-title">
          访问量
        </span>
        <span class="item-content">
          {{linkDetails.visited}}
          <span>次</span>
        </span>
      </div>
      <div class="item">
        <span class="item-title">
          注册人数
        </span>
        <span class="item-content">
          {{linkDetails.registed}}
          <span>人</span>
        </span>
      </div>
    </div>
  </div>
</template>

<script>

export default {
  props: {
    linkDetails: {
      type: Object,
      default: function() {
        return {}
      }
    },
    placeholder: {
      type: String,
      default: '自定义名称'
    }
  },
  data() {
    return {
      inputValue: '',
      showLinkDetails: false 
    }
  },
  methods: {
    
  }
}
</script>

<style lang="stylus" scoped>
@import '~@/assets/styles/variables.styl'
  .general-info 
    display flex 
    flex-direction column 
    justify-content space-evenly
    .top 
      display flex 
      justify-content space-around
      margin 16px 0 
      .item 
        display flex 
        flex-direction column
        text-align center
        .item-title 
          margin-bottom 10px
          color $color-sub-grey 
        .item-content 
          color $color-theme-red
      
</style>